<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生产生活条件</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="../../../css/amazeui.css"/>
    <link rel="stylesheet" href="../../../css/im.css"/>
    <script src="../../../js/jquery-1.4.2.min.js"></script>
    <script src="../../../js/iscroll.js"></script>
    <style>
        #wrapper {
            position: absolute;
            z-index: -1;
            top: 64px;
            bottom: -3em;
            margin-top: -3em;
            left: 0;
            width: 100%;
            overflow: inherit;
        }

        #scroller {
            position: absolute;
            z-index: -1;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            width: 100%;
        }
    </style>

    <style>
        #s4{
            top:1800px;
        }
    </style>

    <script>
        var myScroll;
        myScroll = new iScroll('wrapper', {
            useTransition: true,
            hScroll: false,
            topOffset: 0,
            y: 0
        }, 100);
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);

        document.addEventListener('DOMContentLoaded', function () {
            setTimeout(loaded, 200);
        }, false);
    </script>
</head>
<body>
<div class="am-tabs" id="doc-my-tabs">
    <!--导航栏-->
    <ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify am-topbar-fixed-top">
        <li id="tabOne" class="am-active"><a id="title">生产生活条件</a></li>
    </ul>
    <!--滚动部分-->
    <div id="wrapper" class="am-tabs-bd" style="margin-top: -2em">
        <div id="scroller" class="am-tab-panel am-active">
            <br>
            <table class="am-table am-text-middle am-table-nobordered am-table-compact">
                <tbody>
                <tr>
                    <th>是否加入农民合作社</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_1">
                                <span class="cur-select">请选择</span>
                                <select id="info1" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>是</option>
                                    <option>否</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>是否饮水困难</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_2">
                                <span class="cur-select">请选择</span>
                                <select id="info2" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>是</option>
                                    <option>否</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>是否通生产用电</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_3">
                                <span class="cur-select">请选择</span>
                                <select id="info3" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>是</option>
                                    <option>否</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>是否饮水安全</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_4">
                                <span class="cur-select">请选择</span>
                                <select id="info4" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>是</option>
                                    <option>否</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>是否通生活用电</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_5">
                                <span class="cur-select">请选择</span>
                                <select id="info5" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>是</option>
                                    <option>否</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>是否通广播电视</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_6">
                                <span class="cur-select">请选择</span>
                                <select id="info6" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>是</option>
                                    <option>否</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>主要燃料类型</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_7">
                                <span class="cur-select">请选择</span>
                                <select id="info7" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>选项一</option>
                                    <option>选项二</option>
                                    <option>选项三</option>
                                    <option>选项四</option>
                                    <option>选项五</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>耕地面积(亩)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>有效浇灌面积(亩)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>与村主干路距离(公里)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>

                <tr>
                    <th>退耕还林面积(亩)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>林果面积(亩)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>牧草地面积(亩)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>水面面积(亩)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>入户路类型</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_8">
                                <span class="cur-select">请选择</span>
                                <select id="info8" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>选项一</option>
                                    <option>选项二</option>
                                    <option>选项三</option>
                                    <option>选项四</option>
                                    <option>选项五</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>住房面积(平方米)</th>
                    <th>
                        <form>
                            <input type="text" style="width: 200px" class="am-form-field im-fp-input" onclick="OC()">
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>是否危房户</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_9">
                                <span class="cur-select">请选择</span>
                                <select id="info9" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>选项一</option>
                                    <option>选项二</option>
                                    <option>选项三</option>
                                    <option>选项四</option>
                                    <option>选项五</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                <tr>
                    <th>危房级别</th>
                    <th>
                        <form>
                            <div class="btn-select" id="btn_select_10">
                                <span class="cur-select">请选择</span>
                                <select id="info10" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                                    <option>选项一</option>
                                    <option>选项二</option>
                                    <option>选项三</option>
                                    <option>选项四</option>
                                    <option>选项五</option>
                                </select>
                            </div>
                        </form>
                    </th>
                </tr>
                </tbody>
            </table>
            <div align="center">
                <button type="button" class="am-btn am-btn-primary am-radius im-fp-bt-select">保存</button>
            </div>
        </div>
    </div>
</div>

<!--返回按钮-->
<img src="../../../img/Back.png" class="img-left"
     onclick="backBtn()">
<script>
    //返回按钮
    function backBtn() {
        window.localStorage.setItem("page",2);
        window.localStorage.setItem("input",2);
        window.top.location.href="../../../main.html";
    }


    //下拉栏js
    var $$ = function (id) {
        return document.getElementById(id);
    };

    function OC_1(i) {
        var btnSelect1;

        switch (i) {
            case 'info1':
                btnSelect1 = $$("btn_select_1");
                break;
            case 'info2':
                btnSelect1 = $$("btn_select_2");
                break;
            case 'info3':
                btnSelect1 = $$("btn_select_3");
                break;
            case 'info4':
                btnSelect1 = $$("btn_select_4");
                break;
            case 'info5':
                btnSelect1 = $$("btn_select_5");
                break;
            case 'info6':
                btnSelect1 = $$("btn_select_6");
                break;
            case 'info7':
                btnSelect1 = $$("btn_select_7");
                break;
            case 'info8':
                btnSelect1 = $$("btn_select_8");
                break;
            case 'info9':
                btnSelect1 = $$("btn_select_9");
                break;
            case 'info10':
                btnSelect1 = $$("btn_select_10");
                break;
            default:
                break;
        }
        var curSelect1 = btnSelect1.getElementsByTagName("span")[0];
        var chgSelect1 = $$(i);
        curSelect1.innerHTML = chgSelect1.value;
    }


</script>
<script>
    //点击输入框上滚
    function OC() {
        alert('123');
        var scroll_offset = $("#s4").offset().top;

        $("body,html").animate({

            scrollTop: scroll_offset

        }, 800);


    }
</script>
</body>
</html>